<template>
    <div>
      <h1>响应式数据判断</h1>
    </div>
  </template>
  
  <script lang="ts">
  import { defineComponent, isReactive, isRef, reactive, ref } from "vue";
  
  export default defineComponent({
    /* 
      判断一个数据是否是响应式的
      创建响应式数据比较重要的API ref reactive
      逻辑 判断时需要进行判断
      isRef:检测一个数据是否是ref对象如果是返回true 如果不是返回false
      isReactive检测一个数据是否是reactive创建响应式对象，如果是返回true 如果不是返回false
      
      
      
      */
    setup() {
      const aa = ref("111");
      console.log(isRef(aa));
      const bb = ref({
        name: "tom",
        age: 10,
      });
      console.log(isRef(bb));
      const cc = reactive({
        name: "lili",
        age: 5,
      });
      console.log(isReactive(cc));
      console.log(isRef(cc));
      console.log(isReactive(bb));
  
      return {
        aa,
        bb,
        cc,
      };
    },
  });
  </script>
  
  <style scoped>
  </style>